<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="200px" style="background:#a0cfff" height="100%">
                    <el-row class="tac">
                        <el-col>
                            <el-menu default-active="/decisionLogic/knowledgeName"
                            class="el-menu-vertical-demo" 
                            background-color="#a0cfff"
                            router>
                                <el-menu-item index="/decisionLogic/knowledgeName">
                                    <el-icon><HomeFilled /></el-icon>
                                    <span>知识库管理</span>
                                </el-menu-item>
                                <el-menu-item index="/decisionLogic/factComponent">
                                    <el-icon><HomeFilled /></el-icon>
                                    <span>事实数据库</span>
                                </el-menu-item>
                                <el-menu-item index="/decisionLogic/knowledgeDecision">
                                    <el-icon><HomeFilled /></el-icon>
                                    <span>知识决策</span>
                                </el-menu-item>
                            </el-menu>
                        </el-col>
                    </el-row>
            </el-aside>
            <el-main><router-view></router-view></el-main>
        </el-container>
  </div>
</template>

<script setup>
import { HomeFilled } from '@element-plus/icons-vue'
</script>

<style>
.common-layout, .el-container{
    height: 100%;
}
</style>